<!DOCTYPE html>
<html class="uk-notouch">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title><%= Settings.app_name%></title>
  <%= stylesheet_link_tag 'frontend', media: 'all', 'data-turbolinks-track': 'reload' %>
  <%= javascript_include_tag 'frontend', 'data-turbolinks-track': 'reload' %>
  <%= yield :page_assets %>
  <%= csrf_meta_tags %>
  <%= csp_meta_tag %>
</head>
<body>
<%= render '/layouts/frontend/notice' %>
<div class="uk-width-1-1" >
  <%= render "layouts/frontend/header" %>
  <div class="uk-grid" style="margin-top: 10px">
    <div class="uk-width-3-10 avatar-side" >

      <div class="uk-panel uk-panel-box">

        <span>
          <%= image_tag 'avatar.jpg', class: 'uk-comment-avatar', style: 'width:30px; border-radius:50%;' %>
          <span class="uk-comment-title"><%= current_user.name %></span>
        </span>

        <ul class="uk-nav uk-nav-side uk-nav-parent-icon" data-uk-nav="" style="margin-top: 10px">
          <li class="uk-active"><a href="#">推荐</a></li>
          <li class=""><a href="#">关注</a></li>
          <li class=""><a href="#">最新</a></li>
          <li class=""><a href="#">收藏</a></li>

        </ul>

      </div>

    </div>

    <div class="uk-width-7-10 uk-grid content-side" style="padding-left: 5px" >
      <div class="uk-width-2-3 content-post-side" >
        <%= yield %>
      </div>
      <div class="uk-width-1-3 content-friend-side" >
        推荐好友
      </div>
    </div>

  </div>

</div>


</body>
</html>
